<template>
	<view class="m-content">
		<view v-for="(item,index) in getListData" :key="index">
			<view class="_label_top" @tap="lookHistory(item)">
				<image class="_btn_top" src="../../static/img/kjg.png"></image>
				<label class="_lab_top">历史占卜</label>
				<label class="_ar">{{item.rule}}</label>
				<label class="_ar1">{{item.create_at}}</label>
			</view>
		</view>
	</view>
</template>

<script>
	import mBtnCs from '@/components/m-btn/m-btn-cs1.vue'
	import comm from '../../common/helpers.js'
	export default {
		name:'m-content',
		components:{mBtnCs},
		props:{
			listData:{
				type:Array,
				default:()=>{
					return [
						
					]
				}
			}
		},
		data() {
			return {
				oid:''
			};
		},
		onLoad(e) {
			
		},
		computed:{
			getListData(){
				return this.listData
			}
		},
		methods:{
			/**
			 * 生成订单并且跳转到只服务页面
			 * @param {Object} tit
			 * @param {Object} narr
			 */
			tapUnlock(narr){
				that.$emit('click')
			},
			/**
			 * _item:当前数据
			 */
			lookHistory(_item){
				this.$emit('click',_item)
			}
		}
	}
</script>

<style lang="scss">
	.m-content{
		height: auto;
		margin:auto;
		margin-top:25upx;
		margin-bottom: 65upx;
		color: white;
		z-index:10;
		
		._label_top{
			position:relative;
			height:230upx;
			width:100%;
			height:230upx;

			
			
			._btn_top{
				width: 60%;
				height: 195upx;
			}
			
			._lab_top{
				width: 100%;
				height: auto;
				margin-top: -165upx;
			}
			
			._ar{
				display:flex;
				width:100%;
				position:absolute;
				justify-content:center;
			}
			
			._ar1{
				margin-top:40rpx;
				position:absolute;
				display:flex;
				justify-content:center;
				width:100%;
			}
		}
		
		._content{
			width:80%;
			height:200upx;
			font-size:9pt;
			border:4upx solid #4B81E8;
			border-radius:15upx;
			box-shadow:1upx 3upx 5upx 6upx #4B81E8;
			padding:10upx 25upx;
			margin:auto;
			margin-bottom: 25upx;
			
			
			label{
				width:100%;
				display:flex;
				justify-content:center;
				margin:20upx 0upx;
			}
			
			image{
				width:300upx;
				height:300upx;
				margin:auto;
				display:flex;
			}
			._lbtn{
				._outer{
					position: relative;
				}
			}
		}
	}
</style>
